<!DOCTYPE html>
<html lang="en" style="width: 100%; height: 100%; ">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=756f6e41e22bb034162c0b6b01e2ed3f"></script>
    <script type="text/javascript" src="dist/bundle.js"></script>
    <link rel="stylesheet" type="text/css" href="assets/style/green.css">
    <style>
        html, body, div {
            box-sizing: border-box;
        }
    </style>

</head>
<body onload="load()" style="width: 100%; height: 100%; margin: 0px; padding: 50px;">
    <div style="width: 100%; height: 100%; position:relative;">
        <div id="foo" style="width: 100%; height: 100%; position: absolute; z-index: 2;"></div>
        <div id="amap" style="width: 100%; height: 100%; position: absolute; z-index: 1;"></div>
    </div>
</body>
</html>